<template>
	<view>
		<appBar title="佣金结算详情">
		</appBar>
		<auditStatusVue :status="'2'" :subTitle="'多次致电不通'" />
		<view class="cloumCenter w100 mtb30">
			<view class="cardContiner w100 borderRadiusnone">
				<view v-for="([key,value]) in Object.entries(userKey)" :key="key"
					class="w100 rowSpaceBetween borderbottom" style="padding: 20rpx;box-sizing: border-box;">
					<view>
						{{value}}
					</view>
					<view :class="{'CommissionPayable fontWeight' : key == 'CommissionPayable'}">
						{{userData[key]}}
					</view>
				</view>
			</view>
		</view>



	</view>
</template>

<script setup>
	import {
		ref
	} from 'vue';
	const itemList = ref([{
			title: '提现金额',
			value: '￥100.00'
		},
		{
			title: '提现时间',
			value: '2022-01-01 12:00:00'
		},
		{
			title: '到账时间',
			value: '2022-01-02 12:00:00'
		},
		{
			title: '提现方式',
			value: '微信'
		},
	])
	const userKey = ref({
		name: '授理商名称',
		settlementTime: '结算时间',
		settlementProject: '项目',
		expectMoney: '预计结算金额',
		totalMoney: '共计',
		serviceCharge: '通道服务费',
		bear: '服务费承担',
		CommissionPayable: '应结佣金',
	})
	const userData = ref({
		name: '陈倩',
		settlementTime: '2022-01-01 12:00:00',
		settlementProject: '普通交易T1佣金(授理商)',
		expectMoney: '192.89元',
		totalMoney: '192.89元',
		serviceCharge: '-15.43元',
		bear: '代理商',
		CommissionPayable: '192.89元',
	})
</script>

<style scoped lang="scss">
	.CommissionPayable {
		color: red;
	}
</style>